import React from 'react';
import SvgIcon from '@material-ui/core/SvgIcon';

export default React.memo(props => (
  <SvgIcon
    {...props}
    width="12"
    height="12"
    viewBox="0 0 12 12"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
  >
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M1.83333 5.16699C2.10947 5.16699 2.33333 5.39085 2.33333 5.66699V10.8337C2.33333 11.1098 2.10947 11.3337 1.83333 11.3337C1.55719 11.3337 1.33333 11.1098 1.33333 10.8337V5.66699C1.33333 5.39085 1.55719 5.16699 1.83333 5.16699ZM4.5 5.16699C4.77614 5.16699 5 5.39085 5 5.66699V10.8337C5 11.1098 4.77614 11.3337 4.5 11.3337C4.22385 11.3337 4 11.1098 4 10.8337V5.66699C4 5.39085 4.22385 5.16699 4.5 5.16699ZM7.5 5.16699C7.77614 5.16699 8 5.39085 8 5.66699V10.8337C8 11.1098 7.77614 11.3337 7.5 11.3337C7.22385 11.3337 7 11.1098 7 10.8337V5.66699C7 5.39085 7.22385 5.16699 7.5 5.16699ZM10.1667 5.16699C10.4428 5.16699 10.6667 5.39085 10.6667 5.66699V10.8337C10.6667 11.1098 10.4428 11.3337 10.1667 11.3337C9.89052 11.3337 9.66666 11.1098 9.66666 10.8337V5.66699C9.66666 5.39085 9.89052 5.16699 10.1667 5.16699Z"
      fill="currentColor"
    />
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M5.66622 0.794707C5.85616 0.62442 6.14383 0.62442 6.33377 0.794707L11.1671 5.12804C11.3214 5.26636 11.3744 5.48549 11.3003 5.67901C11.2263 5.87253 11.0405 6.00033 10.8333 6.00033H1.16666C0.959462 6.00033 0.773729 5.87253 0.699681 5.67901C0.625634 5.48549 0.678615 5.26636 0.83289 5.12804L5.66622 0.794707ZM2.47337 5.00033H9.52662L6 1.83852L2.47337 5.00033Z"
      fill="currentColor"
    />
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M0.666662 10.8337C0.666662 10.5575 0.89052 10.3337 1.16666 10.3337H10.8333C11.1095 10.3337 11.3333 10.5575 11.3333 10.8337C11.3333 11.1098 11.1095 11.3337 10.8333 11.3337H1.16666C0.89052 11.3337 0.666662 11.1098 0.666662 10.8337Z"
      fill="currentColor"
    />
  </SvgIcon>
));
